<%@ page import="content.ReaderXml"%>
<%@ page import="java.io.*"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
 A:link {color:#606060; text-decoration:none;}
 A:visited {color:#606060;text-decoration:none;}
 A:active {color:#606060;text-decoration: none;} 
 A:hover {color:#606060;text-decoration:none;}
 </style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<%

	ReaderXml xml = new ReaderXml();
%>

<script type="text/javascript">
function check(v1){

	if (!document.inputForm.filename.value) {
		alert("제목을 입력하세요.");
		document.inputForm.subject.focus();

		return false;

	}else if(v1==1){
		
		document.inputForm.viewtype.value = "Default";
	
	}else if(v1==2){
		document.inputForm.viewtype.value = "Costom View";
		
}else{
	
			return submit();
}
}



function colseDIV(index){
	var a = new Array();
	//	a[0]="0";
		a[1]="1";
		a[2]="2";
		a[3]="3";
		a[4]="4";
		a[5]="5";
		
	if(index==1){
		document.getElementById('sub_div_'+a[1]).style.display="none";
	}
	else if(index==2){
		document.getElementById('sub_div_'+a[2]).style.display="none";
	}
	else if(index==3){
		document.getElementById('sub_div_'+a[3]).style.display="none";
	}
	else if(index==4){
		document.getElementById('sub_div_'+a[4]).style.display="none";
	}
	else if(index==5){
		document.getElementById('sub_div_'+a[5]).style.display="none";
	}

}

function subject_plus(index){
	box3.style.display = 'block';
	var a = new Array();
	//	a[0]="0";
		a[1]="1";
		a[2]="2";
		a[3]="3";
		a[4]="4";
		a[5]="5";
		
	if(index==1){
		document.getElementById('sub_div_'+a[1]).style.display="block";
	}
	else{
		document.getElementById('sub_div_'+a[1]).style.display="none";
	}
}

  function botton(boxId) {
     if(boxId.style.display == 'none') {
     boxId.style.display = 'block';
     }
     else if(boxId.style.display == 'block') { 
     boxId.style.display = 'none';
     }
 }
 
  
  
  
  
</script>


<title>Insert title here</title>
</head>

<body>


<table width="187" height="400">

<form action="/itfinger/content/OutputXml.action" method="post" name="inputForm">
<div>
		<a href="#"><img src="/itfinger/IMAGE/sub_navi/off_01.jpg" border="0" /></a>
		<a href="#"><img src="/itfinger/IMAGE/sub_navi/off_02.jpg" border="0" /></a>
		<a href="#"><img src="/itfinger/IMAGE/sub_navi/off_03.jpg" border="0" /></a>
		<a href="#"><img src="/itfinger/IMAGE/sub_navi/off_04.jpg" border="0" /></a>
		<a href="#"><img src="/itfinger/IMAGE/sub_navi/off_05.jpg" border="0" /></a> 

</div>
<div onClick="botton(box1)" style="cursor: pointer">
										   
		<a href="#"><img src="/itfinger/IMAGE/sub_navi/off_06.jpg" border="0"/></a>
	
</div>
 
<div id="box1" style="display: none">메뉴1<br>
 									 메뉴2</div>

 <div onClick="botton(box2)" style="cursor: pointer"><img src="/itfinger/IMAGE/sub_navi/off_07.jpg"  border="0" /></div>
 <div id="box2" style="display: none">메뉴1</div>

 <div id="box3_2" style="display:block; position:absolute; left :170px; z-index:3">
 <a href="javascript:subject_plus(1);" target="_self">+</a>
 </div>
 
		<div style="display:none; position:absolute; margin:0px; width:323px; border: solid 1px #767676; z-index:100;background-color:#fafafa;" id="sub_div_1">
    	<img src="/itfinger/IMAGE/App/sub_menu/menu_plus.jpg" border="0" usemap="#Map01" />
        <map name="Map1" id="Map01">
          <area shape="rect" coords="298,3,317,24" href="javascript:colseDIV(1);" />
        </map>
        <img src="/itfinger/IMAGE/App/sub_menu/menu_name.jpg" style="margin:0px 0px 0px 10px;" /><input type="text" name="filename" style="margin:20px 0px 0px 0px; width:168px; height:22px; border: solid 1px #767676; background-color:#e9e9e9;"/><br>
    	<img src="/itfinger/IMAGE/App/sub_menu/type_2.jpg" style="margin:10px 0px 0px 10px;" />
        <div class="select_03"style="height:20px; width:168px; margin:-25px 0px 0px 140px;">
        	
            <input type="hidden" name="viewtype" />
			<span class="arrow"></span>
            <button type="button" class="my_value"></button>
            <ul class="a_list" id="viewtype">
            <li><a href="javascript:check(1);">Default</a></li>
            <li><a href="javascript:check(2);">Custom View</a></li>
            </ul> 
            
            
            
            
            
            
        </div><br>
        <input type="image" onclick="return check();" src="/itfinger/BTN/ok_02.jpg" style="margin:10px 10px 20px 120px;"/>
        <a href="javascript:colseDIV(1);"><img src='/itfinger/BTN/cancle.jpg' style="margin:10px 0px 20px 0px;"/></a>
       
       </form>
       </div>
  <div onClick="botton(box3)" style="cursor: pointer">
 <img src="/itfinger/IMAGE/sub_navi/off_08.jpg"  border="0" /></div>
 <div id="box3" style="display: none">Default Page
 			<%
 	for (int i = 0 ; i < xml.list1.size() ; i ++)
 		
 		
 		
 		
 			{ %>
 	<br>
 					<a href='/itfinger/content/LinkXml.action?filename=<%=xml.list2.get(i)%>'><%=xml.list2.get(i)%></a>
 					<a href='/itfinger/content/DelXml.action?index=<%=xml.list1.get(i)%>&delfilename=<%=xml.list2.get(i)%>'>del</a>
	  <% 
 			}
 	  %>					
 
 </div>

<tr><a href="#"><img src="/itfinger/IMAGE/sub_navi/off_09.jpg" border="0" /></a></tr>
 
 
 <div onClick="botton(box4)" style="cursor: pointer"><img src="/itfinger/IMAGE/sub_navi/off_10.jpg"  border="0" /></div>
 
 <div id="box4" style="display: none">메뉴1</div>

</div>

</table>
  
</body>
</html>